﻿@Code
    ViewBag.Title = "Perfil de los alumnos del Instituto"
End Code
@Section SetSubMenuActive @Html.DefinirSubMenuSelected(47) End Section
@Section AppBarTitulo <div id="jerti-appbar"><h1>Información de los datos personales de los alumnos activos e inactivos</h1></div> End Section
<div id="jerti-content">
    @Html.TituloFieldSet("Búsqueda de alumnos por nombre, apellido ó por su número de NIE")
    @Html.TableFields(""
        ).AddField("filtro-alumno", "",
            JFControlType.Autocomplete, "Buscar...", New JFOptionsFields().setSource(Url.Action("_autocomplete_find_alumno")).SetMinLengthToAutoComplete(1).SetMarcaDeAgua("Digite los nombres, apellidos o número de NIE del alumno que desea buscar...")
    )
</div>
@Html.LoadPartialViewAJAX("PAlumno", Url.Action("_get_perfil_alumno_administration"), False)
<script type="text/javascript">
    $(function () {
        $('#filtro-alumno').on({
            renderItemAutoComplete: function (e, ul, item) {
                if (!item.IsNIE == true)    //Verificamos si debemos regresar en formato de NIE o nombre del alumno
                    return $("<li></li>")
                        .data("item.autocomplete", item)
                        .append('<a>' + item.Text + '<br><span class="secundary-text">NIE: <i>' + item.NIE + '</i> - ' + item.LastGrado + ' (' + item.UltimoAnio + ')</span></a>')
                        .appendTo(ul);
                else
                    return $("<li></li>")
                        .data("item.autocomplete", item)
                        .append('<a>' + item.Text + '<br><span class="secundary-text">' + item.Alumno + ' - ' + item.LastGrado + ' (' + item.UltimoAnio + ')</span></a>')
                        .appendTo(ul);
            },
            itemSelected: function (e, item) {
                $('#PAlumno').loadPartialView({
                    parametros: 'Alumno=' + item.Value
                });
            }
            
        });
        $('#j-ac-extend-filtro-alumno').focus();
    })
</script>